const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  //默认情况下 babel-loader 会忽略所有 node_modules 中的文件。你可以启用本选项，以避免构建后的代码中出现未转译的第三方依赖。
  transpileDependencies: false,
  //配置devServe
  devServer: {
    //自动打开浏览器配置
    // open: true,
    //配置主机地址
    host: "192.168.14.57",
    //配置端口号
    port: 8888,
    //配置是否开启服务器压缩
    compress: true,
    proxy: { 
      //我们可能会配置多个代理,每一个代理都起一个名字作为这个配置对象的key,未来通过把这个名字作为请求前缀来区分使用哪一个代理
      "/dev-api1": {
        //目标服务器地址
        target: "http://gmall-h5-api.atguigu.cn/",
        //是否开启WebSocket协议
        // ws: true,
        //是否在跨域的时候,把请求的源改为目标地址(一般写为true),这样目标地址就会放行
        changeOrigin: true,
        //如果需要去请求代理,则把请求地址的的前缀替换(前缀的作用只是为了找到对应的代理)
        pathRewrite: {
          "^/dev-api1": "",
        },
      },
    },
  },
  //是否打开esLint检测(默认是true)
  // lintOnSave: false,

  //配置路径别名
  //如果configureWebpack这个值是一个对象，则会通过 webpack-merge 合并到最终的配置中
  configureWebpack: {
    resolve: {
      alias: {
        "@comp": "@/components",
      },
    },
  },
});
